<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<meta HTTP-EQUIV="expires" CONTENT="0">
		<link rel="stylesheet" type="text/css" href="../../assets/css/public.css" />
		<link rel="stylesheet" type="text/css" href="../../assets/css/style.css" />
		<link rel="stylesheet" type="text/css" href="../../assets/css/jquery.mThumbnailScroller.css" />
		<title>海高大数据-产品列表</title>
	</head>

	<body>
		<div class="container list">
			<a href="../../index.html" class="login"></a>
			<div class="userlogin">颂恩</div>
			<ul class="mainMenu">
				<li>
					<a href="../user/index.html">用户信息大数据</a>
				</li>
				<li>
					<a href="../product/index.html">产品信息大数据</a>
				</li>
				<li>
					<a href="../living/index.html">家居信息大数据</a>
				</li>
			</ul>
			<div class="search_box">
				<div class="search">
					<input type="text" name="" id="" value="" />
					<input type="button" name="" id="" value="" />
				</div>
				<a class="advancedFilter" id="Advanced" href="javascript:;"><span>高级筛选</span></a>
			</div>
			<div class="filtrateLabel"></div>
			<div class="table_outer">
				<div class="table_list">
					<table class="table" border="" cellspacing="" cellpadding="">
						<col width="10%" />
						<thead>
							<tr>
								<th>序号</th>
								<th>产品型号</th>
								<th>产品类型</th>
								<th>产品品牌</th>
								<th>产品品类</th>
								<th>购买渠道</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>001</td>
								<td>BCD-610WKA92NV4111</td>
								<td>冰箱</td>
								<td>海尔</td>
								<td>对开门</td>
								<td>线上</td>
								<td>
									<a href="details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>001</td>
								<td>BCD-610WKA92NV4111</td>
								<td>冰箱</td>
								<td>海尔</td>
								<td>对开门</td>
								<td>线上</td>
								<td>
									<a href="details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>001</td>
								<td>BCD-610WKA92NV4111</td>
								<td>冰箱</td>
								<td>海尔</td>
								<td>对开门</td>
								<td>线上</td>
								<td>
									<a href="details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>001</td>
								<td>BCD-610WKA92NV4111</td>
								<td>冰箱</td>
								<td>海尔</td>
								<td>对开门</td>
								<td>线上</td>
								<td>
									<a href="details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>001</td>
								<td>BCD-610WKA92NV4111</td>
								<td>冰箱</td>
								<td>海尔</td>
								<td>对开门</td>
								<td>线上</td>
								<td>
									<a href="details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>001</td>
								<td>BCD-610WKA92NV4111</td>
								<td>冰箱</td>
								<td>海尔</td>
								<td>对开门</td>
								<td>线上</td>
								<td>
									<a href="details.html">详情</a>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="list_bottom">
				<div class="list_li">
					<div class="aiData">
						<div class="dataTitle">
							品牌占比情况<span>Brand proportion</span>
						</div>
						<div class="angle">
							<div id="chart_1" style="width: 100%; height: 190px;"></div>
						</div>
					</div>
				</div>
				<div class="list_li">
					<div class="aiData">
						<div class="dataTitle">
							渠道分布情况<span>Channel distribution</span>
						</div>
						<div class="angle">
							<div id="chart_2" style="width: 100%; height: 190px;"></div>
						</div>
					</div>
				</div>
				<div class="list_li">
					<div class="aiData">
						<div class="dataTitle">
							型号TOP分析<span>Model analysis</span>
						</div>
						<div class="angle">
							<div id="chart_3" style="width: 100%; height: 190px;"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="search_mask" id="Mask">
				<div class="search_pop" id="Pop">
					<a class="close" onclick="zclose()" href="javascript:;">×</a>
					<div>
						<ul class="formUl">
							<li>
								<div class="form_row">
									<label>产品型号</label>
									<div class="select">
										<select name="">
											<option value="选项1">选项1</option>
											<option value="选项2">选项2</option>
										</select>
									</div>
								</div>
							</li>
							<li>
								<div class="form_row">
									<label>产品类型</label>
									<div class="select">
										<select name="">
											<option value="选项1">选项1</option>
											<option value="选项2">选项2</option>
										</select>
									</div>
								</div>
							</li>
							<li>
								<div class="form_row">
									<label>产品品牌</label>
									<div class="select">
										<select name="">
											<option value="选项1">选项1</option>
											<option value="选项2">选项2</option>
										</select>
									</div>
								</div>
							</li>
							<li>
								<div class="form_row">
									<label>产品品类</label>
									<div class="select">
										<select name="">
											<option value="选项1">选项1</option>
											<option value="选项2">选项2</option>
										</select>
									</div>
								</div>
							</li>
							<li>
								<div class="form_row">
									<label>购买渠道</label>
									<div class="select">
										<select name="">
											<option value="选项1">选项1</option>
											<option value="选项2">选项2</option>
										</select>
									</div>
								</div>
							</li>
						</ul>
						<div class="formBtn">
							<input type="button" name="" onclick="Filtrate()" id="" value="筛 选" />
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../assets/js/jquery/jquery-1.10.2.js"></script>
		<script type="text/javascript" src="../../assets/js/echarts/echarts.min.4.0.4.js"></script>
		<script type="text/javascript" src="../../assets/js/echarts/china.js"></script>
		<script type="text/javascript" src="../../assets/js/jquery/jquery.mThumbnailScroller.js"></script>
		<script type="text/javascript" src="../../assets/js/resize.js"></script>
		<script type="text/javascript" src="../../assets/js/data/data.js"></script>
		<script type="text/javascript" src="../../assets/js/series.js"></script>
		<script type="text/javascript" src="../../assets/js/app.js"></script>
		<script type="text/javascript" src="../../assets/js/common.js"></script>
		<script type="text/javascript">
			(function() {
				//列表echarts初始化渲染
				productListResult();
				//高级搜索
				searchBtn()
				//列表滚动条
				tableScroll()
			})()
		</script>
	</body>

</html>